<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      >

    <f:metadata>
        <f:event type="preRenderView" listener="#{sessionManaged.validar_session('wfrmcon_MaestraProyecto')}"/>
    </f:metadata>

    <body>

        <ui:composition template="./../../../template.xhtml">
            <ui:define name="main_content">
                <ui:include src="/web-pages/PROYECTO/HELP/wfrmHelp_ConsultaMaestraProyecto.xhtml">
                    <ui:param name="toolBarWidth" value="950"/>
                    <ui:param name="toolBarTitleWidth" value="900"/>
                    <ui:param name="title" value="Consulta Maestra de Proyecto"/>
                </ui:include>
                <div align="left">
                    <ui:include src="/web-pages/OTROS/wfrmMensaje.xhtml"/>

                    <h:form id="Step1" style="width: inherit">
                        <p:panel style="width: 950px" header="1. Informaci&oacute;n de Proyectos" rendered="#{consultaMaestraProyectoManaged.flagStep_1}">
                            <p:panel style="width: inherit" header="Datos de Cliente" toggleable="true" toggleSpeed="400" >
                                <f:facet name="header">
                                    <h:outputText value="Datos de Cliente" />
                                    <p:commandButton image="ui-icon ui-icon-search" onclick="dialogBuscarCliente.show()" />
                                </f:facet>
                                <h:panelGrid id="txtCliente" columns="4" cellpadding="3" >
                                    <h:outputLabel value="Empresa"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.empresa_c}" readonly="true" style="width: 325px" />
                                    <h:outputLabel value="Contacto"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.contacto_c}" readonly="true" style="width: 325px"  />
                                    <h:outputLabel value="Direcci&oacute;n"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.direccion_c}" readonly="true" style="width: 325px"  />
                                    <h:outputLabel value="Email"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.email_c}" readonly="true" style="width: 325px"  />
                                    <h:outputLabel value="Pa&iacute;s"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.nombre_p}" readonly="true" style="width: 325px" />
                                    <h:outputLabel value="Municipio"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedCliente.nombre_mu}" readonly="true" style="width: 325px" />
                                </h:panelGrid>
                            </p:panel>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton image="ui-icon ui-icon-search" value="#{sms.buscar}" actionListener="#{consultaMaestraProyectoManaged.buscarGrid}" update="Step1:Table mensaje"/>
                                    <p:commandButton value="#{sms.limpiar}" actionListener="#{limpiarManaged.limpiar}" update="Step1 Step2 Step3_utilizacion Step3_salida Step3_devolucion mensaje quick_proyecto"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporteEncaCliente.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="Table" value="#{consultaMaestraProyectoManaged.proyectos}" var="row" rows="12"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaMaestraProyectoManaged.selectedDetaProyecto}"
                                         emptyMessage="#{sms.TableEmptyMessage}"
                                         >
                                <f:facet name="header" >
                                    <h:outputText value="Direcci&oacute;n"/>
                                </f:facet>
                                <p:column headerText="Tipo Proyecto" filterBy="#{row.nombre_tp}" sortBy="#{row.nombre_tp}" filterMatchMode="contains" >
                                    <h:outputText value="#{row.nombre_tp}"/>
                                </p:column>
                                <p:column headerText="Proyecto" filterBy="#{row.nombre_p}" style="width: 350px" sortBy="#{row.nombre_p}" filterMatchMode="contains">
                                    <h:outputText value="#{row.nombre_p}"/>
                                </p:column>

                                <p:column headerText="Estado" filterBy="#{row.estado_p}" sortBy="#{row.estado_p}" filterMatchMode="exact">
                                    <h:outputText value="#{row.estado_p}"/>
                                </p:column>
                                <p:column headerText="Fecha Ini." filterBy="#{row.fecha_inicio_p}" sortBy="#{row.fecha_inicio_p}" filterMatchMode="contains">
                                    <h:outputText value="#{row.fecha_inicio_p}"/>
                                </p:column>
                                <p:column headerText="Fecha Fin." filterBy="#{row.fecha_final_p}" sortBy="#{row.fecha_final_p}" filterMatchMode="contains">
                                    <h:outputText value="#{row.fecha_final_p}"/>
                                </p:column>
                            </p:dataTable>

                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.siguiente}" title="#{sms.verDetalle}" image="ui-icon ui-icon-circle-arrow-e" actionListener="#{consultaMaestraProyectoManaged.ocultarFlag_1}" update="Step1 Step2 mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>

                    <h:form id="Step2" style="width: inherit">
                        <p:panel style="width: 950px" header="2. Historial Completa de Proyecto. Devoluci&oacute;n, Requisici&oacute;n y Utilizaci&oacute;n de Proyecto" rendered="#{consultaMaestraProyectoManaged.flagStep_2}">

                            <h:panelGrid id="pStep2" columns="4">
                                <h:outputText value="Clietne"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaProyecto.empresa_c}" readonly="true" style="width: 400px"/>
                                <h:outputText value="Proyecto"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaProyecto.nombre_p}" readonly="true" style="width: 400px"/>
                            </h:panelGrid>

                            <center>
                                <h:panelGrid id="proBotones" columns="3" cellpadding="5">
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporteEncaProyecto.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                            </center>
                            <br/>
                            <p:dataTable id="table_salida" value="#{consultaMaestraProyectoManaged.encaSalidaProyectos}" var="row" rows="5"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto}"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista Requisici&oacute;n de Proyecto"/>
                                </f:facet>
                                <p:column headerText="Doc" sortBy="#{row.numero_documento_sp}" filterBy="#{row.numero_documento_sp}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.numero_documento_sp}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Estado" sortBy="#{row.estado_sp}" filterBy="#{row.estado_sp}" filterMatchMode="exact" style="width: 50px">
                                    <h:outputText value="#{row.estado_sp}" style="width: 50px"/>
                                </p:column>
                                <p:column headerText="Fecha" sortBy="#{row.fecha_sp}" filterBy="#{row.fecha_sp}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.fecha_sp}" style="width: 50px">
                                        <f:convertDateTime pattern="dd-MM-yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="Doc" sortBy="#{row.observacion_sp}" filterBy="#{row.observacion_sp}" filterMatchMode="contains" style="width: 600px">
                                    <h:outputText value="#{row.observacion_sp}" style="width: 600px" />
                                </p:column>

                            </p:dataTable>

                            <br/>
                            <p:dataTable id="table_devolucion" value="#{consultaMaestraProyectoManaged.encaDevolucionProyectos}" var="row" rows="5"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto}"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista Devoluci&oacute;n de Proyecto"/>
                                </f:facet>

                                <p:column headerText="Doc" sortBy="#{row.numero_documento_dp}" filterBy="#{row.numero_documento_dp}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.numero_documento_dp}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Estado" sortBy="#{row.estado_dp}" filterBy="#{row.estado_dp}" filterMatchMode="exact" style="width: 50px">
                                    <h:outputText value="#{row.estado_dp}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Fecha" sortBy="#{row.fecha_dp}" filterBy="#{row.fecha_dp}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.fecha_dp}" style="width: 50px">
                                        <f:convertDateTime pattern="dd-MM-yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="Observaci&oacute;n" sortBy="#{row.observacion}" filterBy="#{row.observacion}" filterMatchMode="contains" style="width: 600px">
                                    <h:outputText value="#{row.observacion}" style="width: 600px" />
                                </p:column>

                            </p:dataTable>

                            <br/>
                            <p:dataTable id="table_utilizacion" value="#{consultaMaestraProyectoManaged.encaUtilizacionProyectos}" var="row" rows="5"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single" selection="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto}"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header" >
                                    <h:outputText value="Lista Utilizaci&oacute;n de Proyecto"/>
                                </f:facet>

                                <p:column headerText="Doc" sortBy="#{row.numero_documento_up}" filterBy="#{row.numero_documento_up}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.numero_documento_up}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Estado" sortBy="#{row.estado_up}" filterBy="#{row.estado_up}" filterMatchMode="exact" style="width: 50px">
                                    <h:outputText value="#{row.estado_up}" style="width: 50px" />
                                </p:column>
                                <p:column headerText="Fecha" sortBy="#{row.fecha_up}" filterBy="#{row.fecha_up}" filterMatchMode="contains" style="width: 50px">
                                    <h:outputText value="#{row.fecha_up}" style="width: 50px">
                                        <f:convertDateTime pattern="dd-MM-yyyy" />
                                    </h:outputText>
                                </p:column>
                                <p:column headerText="Observaci&oacute;n" sortBy="#{row.observacion_up}" filterBy="#{row.observacion_up}" filterMatchMode="contains" style="width: 600px">
                                    <h:outputText value="#{row.observacion_up}" style="width: 600px" />
                                </p:column>
                            </p:dataTable>

                            <br/>
                            <p:dataTable id="table_resumenTotal" value="#{consultaMaestraProyectoManaged.proyectoResumenGenerales}" var="row" rows="15"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single"
                                         emptyMessage="#{sms.TableEmptyMessage}">
                                <f:facet name="header" >
                                    <h:outputText value="Resumen Global de Proyecto"/>
                                </f:facet>

                                <p:column headerText="Tipo Material" sortBy="#{row.nombre_tm}" filterBy="#{row.nombre_tm}" filterMatchMode="contains" style="width: 100px">
                                    <h:outputText value="#{row.nombre_tm}" style="width: 100px" />
                                </p:column>
                                <p:column headerText="Material" sortBy="#{row.nombre_m}" filterBy="#{row.nombre_m}" filterMatchMode="contains" style="width: 350px">
                                    <h:outputText value="#{row.nombre_m}" style="width: 350px" />
                                </p:column>
                                <p:column headerText="T. Devoluci&oacute;n &nbsp;" sortBy="#{row.total_devolucion}" style="width: 75px">
                                    <h:outputText value="#{row.total_devolucion}" style="width: 75px" />
                                </p:column>
                                <p:column headerText="T. Salida" sortBy="#{row.total_salida}" style="width: 75px">
                                    <h:outputText value="#{row.total_salida}" style="width: 75px" />
                                </p:column>
                                <p:column headerText="T. Utilizado" sortBy="#{row.total_utilizacion}" style="width: 75px" >
                                    <h:outputText value="#{row.total_utilizacion}"  style="width: 75px"/>
                                </p:column>
                                <p:column headerText="Presupuesto &nbsp;" sortBy="#{row.total_presupuesto}" style="width: 75px">
                                    <h:outputText value="#{row.total_presupuesto}" style="width: 75px"/>
                                </p:column>
                                <p:column headerText="Total" sortBy="#{row.total}" style="width: 75px">
                                    <h:outputText value="#{row.total}" style="width: 75px"/>
                                </p:column>
                            </p:dataTable>

                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.regresar} a Inicio" title="#{sms.regresar}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3_salida mensaje" />
                                    <p:commandButton value="#{sms.siguiente}" title="#{sms.verDetalle}" image="ui-icon ui-icon-circle-arrow-e" actionListener="#{consultaMaestraProyectoManaged.ocultarFlag_DP_SP_UP}" update="Step1 Step2 Step3_salida Step3_utilizacion Step3_devolucion mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>

                    <h:form id="Step3_salida" style="width: inherit">
                        <p:panel style="width: 950px" header="3. Detalle Requisici&oacute;n de Proyecto" rendered="#{consultaMaestraProyectoManaged.flagStep_3_salida}">
                            <h2>
                                <h:panelGrid columns="1">
                                    <h:outputText value="Fecha Hora de Transacci&oacute;n:                    #{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.fechahora} " />
                                </h:panelGrid>
                                <p:separator/>
                            </h2>

                            <h:panelGrid id="pDeta1" columns="8">
                                <h:outputText value="Fecha"/>
                                <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.fecha_sp}" readonly="true" style="width: 90px">
                                    <f:convertDateTime pattern="dd-MM-yyyy"/>
                                </p:inputText>
                                <h:outputText value="Bloque"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.bloque_sp}" readonly="true"/>
                                <h:outputText value="Estado"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.estado_sp}" readonly="true"/>
                                <h:outputText value="N° Documento."/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.numero_documento_sp}" readonly="true" />
                            </h:panelGrid>

                            <h:panelGrid id="pDeta2" columns="2">
                                <h:outputText value="Empleado" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.nombre_e} #{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.apellido_e}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Cliente" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.empresa_cl}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Proyecto" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.nombre_p}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Observaci&oacute;n"/> <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaSalidaProyecto.observacion_sp}" readonly="true" style="width: 650px"/>
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="detaBotones" columns="3" cellpadding="1" >
                                    <p:commandButton image="ui-icon ui-icon-pencil" value="#{sms.modificar}" onclick="cmdModificar.show()" title="#{sms.modificarRegistro}" />
                                    <p:commandButton image="ui-icon ui-icon-trash" value="#{sms.anular}" onclick="cmdAnular.show()" title="#{sms.anularRegistro}"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporteDeta.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>


                            <p:dataTable id="table" value="#{consultaMaestraProyectoManaged.detaSalidaProyectos}" var="rowMateriales" rows="15"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header"><h:outputText value="Lista de Materiales"/></f:facet>
                                <p:column headerText="Nombre" style="width: 500px" >
                                    <h:outputText value="#{rowMateriales.nombre_m}" />
                                </p:column>
                                <p:column headerText="Cantidad" style="width: 40px">
                                    <h:outputText value="#{rowMateriales.cantidad_d}" />
                                </p:column>
                            </p:dataTable>

                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.regresar} a Inicio" title="#{sms.regresar}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3_salida Step3_utilizacion Step3_devolucion  mensaje" />
                                    <p:commandButton value="#{sms.regresar} a Paso 2. Encabezado" title="#{sms.verListaDetalle}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Step2}" update="Step3_salida Step2 mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>


                    <h:form id="Step3_utilizacion" style="width: inherit">
                        <p:panel style="width: 950px" header="3. Detalle Utilizaci&oacute;n de Proyecto" rendered="#{consultaMaestraProyectoManaged.flagStep_3_utilizacion}">
                            <h2>
                                <h:panelGrid columns="1">
                                    <h:outputText value="Fecha Hora de Transacci&oacute;n:                    #{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.fechahora} " />
                                </h:panelGrid>
                                <p:separator/>
                            </h2>

                            <h:panelGrid id="pDeta1" columns="8">
                                <h:outputText value="Fecha"/>
                                <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.fecha_up}" readonly="true" style="width: 90px">
                                    <f:convertDateTime pattern="dd-MM-yyyy"/>
                                </p:inputText>
                                <h:outputText value="Bloque"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.bloque_up}" readonly="true"/>
                                <h:outputText value="Estado"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.estado_up}" readonly="true"/>
                                <h:outputText value="N° Documento."/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.numero_documento_up}" readonly="true" />
                            </h:panelGrid>

                            <h:panelGrid id="pDeta2" columns="2">
                                <h:outputText value="Empleado" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.nombre_e} #{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.apellido_e}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Cliente" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.empresa_cl}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Proyecto" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.nombre_p}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Observaci&oacute;n"/> <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaUtilizacionProyecto.observacion_up}" readonly="true" style="width: 650px"/>
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="detaBotones" columns="3" cellpadding="1" >
                                    <p:commandButton image="ui-icon ui-icon-pencil" value="#{sms.modificar}" onclick="cmdModificar.show()" title="#{sms.modificarRegistro}" />
                                    <p:commandButton image="ui-icon ui-icon-trash" value="#{sms.anular}" onclick="cmdAnular.show()" title="#{sms.anularRegistro}"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporteDeta.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="table" value="#{consultaMaestraProyectoManaged.detaUtilizacionProyectos}" var="rowMateriales"
                                         rows="15" paginator="true"  paginatorPosition="bottom" selectionMode="single"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header"><h:outputText value="Lista de Materiales"/></f:facet>

                                <p:column headerText="Nombre" style="width: 500px" >
                                    <h:outputText value="#{rowMateriales.nombre_m}" />
                                </p:column>
                                <p:column headerText="Cantidad" style="width: 40px">
                                    <h:outputText value="#{rowMateriales.cantidad_d}" />
                                </p:column>
                            </p:dataTable>

                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.regresar} a Inicio" title="#{sms.regresar}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3_salida Step3_utilizacion Step3_devolucion  mensaje" />
                                    <p:commandButton value="#{sms.regresar} a Paso 2. Encabezado" title="#{sms.verListaDetalle}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Step2}" update="Step3_utilizacion Step2 mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>

                    <h:form id="Step3_devolucion" style="width: inherit" >
                        <p:panel style="width: 950px" header="3. Detalle Devoluci&oacute;n de Proyecto" rendered="#{consultaMaestraProyectoManaged.flagStep_3_devolucion}">
                            <h2>
                                <h:panelGrid columns="1">
                                    <h:outputText value="Fecha Hora de Transacci&oacute;n:                    #{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.fechahora} " />
                                </h:panelGrid>

                                <p:separator/>
                            </h2>

                            <h:panelGrid id="pDeta1" columns="8">

                                <h:outputText value="Fecha"/>
                                <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.fecha_dp}" readonly="true" style="width: 90px">
                                    <f:convertDateTime pattern="dd-MM-yyyy"/>
                                </p:inputText>

                                <h:outputText value="Bloque"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.bloque_dp}" readonly="true" style="width: 90px"/>
                                <h:outputText value="Estado"/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.estado_dp}" readonly="true" style="width: 90px"/>
                                <h:outputText value="N° Documento."/><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.numero_documento_dp}" readonly="true" style="width: 90px" />

                            </h:panelGrid>
                            <h:panelGrid id="pDeta2" columns="2">
                                <h:outputText value="Empleado" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.nombre_e} #{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.apellido_e}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Cliente" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.empresa_cl}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Proyecto" /><p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.nombre_p}" readonly="true" style="width: 450px"/>
                                <h:outputText value="Observaci&oacute;n"/> <p:inputText value="#{consultaMaestraProyectoManaged.selectedDetaDevolucionProyecto.observacion}" readonly="true" style="width: 650px"/>
                            </h:panelGrid>

                            <div align="center">
                                <br/>
                                <h:panelGrid id="detaBotones" columns="3" cellpadding="1" >
                                    <p:commandButton image="ui-icon ui-icon-pencil" value="#{sms.modificar}" onclick="cmdModificar.show()" title="#{sms.modificarRegistro}" />
                                    <p:commandButton image="ui-icon ui-icon-trash" value="#{sms.anular}" onclick="cmdAnular.show()" title="#{sms.anularRegistro}"/>
                                    <p:commandButton image="ui-icon ui-icon-document" value="#{sms.reporte}" onclick="cmdReporteDeta.show()" title="#{sms.generarReporte}"/>
                                </h:panelGrid>
                                <br/>
                            </div>

                            <p:dataTable id="table" value="#{consultaMaestraProyectoManaged.detaDevolucionProyectos}" var="rowMateriales" rows="8"
                                         paginator="true" paginatorPosition="bottom" selectionMode="single"
                                         emptyMessage="#{sms.TableEmptyMessage}" >
                                <f:facet name="header"><h:outputText value="Lista de Materiales"/></f:facet>

                                <p:column headerText="Nombre" style="width: 500px" >
                                    <h:outputText value="#{rowMateriales.nombre_m}" />
                                </p:column>
                                <p:column headerText="Cantidad" style="width: 40px">
                                    <h:outputText value="#{rowMateriales.cantidad_d}" />
                                </p:column>
                            </p:dataTable>

                            <f:facet name="footer">
                                <div align="center">
                                    <p:commandButton value="#{sms.regresar} a Inicio" title="#{sms.regresar}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Inicio}" update="Step1 Step2 Step3_salida Step3_utilizacion Step3_devolucion  mensaje" />
                                    <p:commandButton value="#{sms.regresar} a Paso 2. Encabezado" title="#{sms.verListaDetalle}" image="ui-icon ui-icon-circle-arrow-w" actionListener="#{consultaMaestraProyectoManaged.ocultarFlags_Step2}" update="Step3_devolucion Step2 mensaje" />
                                </div>
                            </f:facet>
                        </p:panel>
                    </h:form>

                    <h:form id="dialogs">
                        <p:confirmDialog message="#{sms.iModificada}" header="#{sms.modificar}" severity="alert" widgetVar="cmdModificar">
                            <p:commandButton value="Si" oncomplete="cmdModificar.hide()" actionListener="#{consultaMaestraProyectoManaged.modificarRegistro}" update="mensaje" />
                            <p:commandButton value="No" onclick="cmdModificar.hide()" />
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iAnular}" header="#{sms.anular}" severity="alert" widgetVar="cmdAnular">
                            <p:commandButton value="Si" oncomplete="cmdAnular.hide()" actionListener="#{consultaMaestraProyectoManaged.anularRegistro}"  update="Step1 Step2 Step3_utilizacion Step3_salida Step3_devolucion mensaje quick_proyecto" />
                            <p:commandButton value="No" onclick="cmdAnular.hide()" />
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdReporteEncaCliente">
                            <p:commandButton value="Si" actionListener="#{consultaMaestraProyectoManaged.generarReporte_Enca_x_Cliente}" oncomplete="cmdReporteEncaCliente.hide()" update="mensaje"/>
                            <p:commandButton value="No" onclick="cmdReporteEncaCliente.hide()"/>
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdReporteEncaProyecto">
                            <p:commandButton value="Si" actionListener="#{consultaMaestraProyectoManaged.generarReporte_Enca_x_Proyecto}" oncomplete="cmdReporteEncaProyecto.hide()" update="mensaje"/>
                            <p:commandButton value="No" onclick="cmdReporteEncaProyecto.hide()"/>
                        </p:confirmDialog>

                        <p:confirmDialog message="#{sms.iReporte}"  header="#{sms.reporte}" severity="alert"  widgetVar="cmdReporteDeta">
                            <p:commandButton value="Si" actionListener="#{consultaMaestraProyectoManaged.generarReporte_Deta}" oncomplete="cmdReporteDeta.hide()" update="mensaje" />
                            <p:commandButton value="No" onclick="cmdReporteDeta.hide()"/>
                        </p:confirmDialog>
                    </h:form>

                    <ui:include src="/web-pages/PROYECTO/QUICK/wfrmquick_cliente.xhtml">
                        <ui:param name="parametroUpdate" value="Step1:txtCliente"/>
                        <ui:param name="Bean" value="#{consultaMaestraProyectoManaged}"/>
                        <ui:param name="dataTableList" value="#{clienteQuickManaged.clientes}"/>
                    </ui:include>
                </div>
            </ui:define>
        </ui:composition>
    </body>
</html>